<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 使用 padding 属性可以在输入框中添加内边距。 */
        input[type=text] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            /* 注意我们设置了 box-sizing 属性为 border-box。
            这样可以确保浏览器呈现出带有指定宽度和高度的输入框是把边框和内边距一起计算进去的。 */
            box-sizing: border-box;
        }
    </style>
</head>

<body>

    <p>设置文本框的内边距:</p>

    <form>
        <label for="fname">First Name</label>
        <input type="text" id="fname" name="fname">
        <label for="lname">Last Name</label>
        <input type="text" id="lname" name="lname">
    </form>

</body>

</html>